<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
	<!--	导入jquery库-->
	<script type="text/javascript"src="../script/jquery-1.7.2.js"></script>
	<script type="text/javascript">
		// alert($);//测试jquery库是否引入成功

		// 		原绑定模式
// 		window.onload=function () {//执行在页面加载完成之后
// var byId = document.getElementById("btnId");
// // alert(byId);//[object HTMLButtonElement]--dom对象
// 		byId.onclick=function () {
// alert("js原生单击事件")
// 		}
// 		}

		// jQuery模式
      $(function () {//表示页面加载完成之后，相当于window.onload=function () {}
		  var $byid = $("#btnId");//表示按id查询标签变量
		  $byid.click(function () {//绑定单击事件
          alert("jquery单击事件");
		  });
	   });

	</script>
</head>
<body>

	<button id="btnId">输出Hello</button>
	<br>
<h1>如何为按钮添加响应函数</h1>
	<h2>1.使用jquery查询到标签对象</h2><br>
	<h2>2.使用标签对象.click(function(){});绑定</h2><br>


</body>
</html>